<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
	<meta content="telephone=no" name="format-detection">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<!-- ios私有meta类 -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
	
	<!--引用SUI Modle资源-->
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm-extend.min.css">
	
		
	<!--引入本地文件-->
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/normalize.css" type="text/css">
	<link rel="stylesheet" href="css/account.css" type="text/css">

	
	<title>结算界面</title>
</head>
<body>
	<div class="page">
		<!--页面头部-->
		<header class="bar bar-nav">
			<a href="cart.html" class="icon icon-left pull-left external"></a>
			<h1 class="title">结算</h1>
		</header>
		
		<!-- 工具栏 -->
		<nav class="bar bar-tab tools">
			<a class="tab-item tools-pay" href="#">
				 <p class="tab-label">待支付：<b>￥<b id="tools-money">49</b>.00</b></p>
			</a>
    		<a class="tab-item tools-up" href="#">
      			<span class="tab-label">提交订单</span>
    		</a>
  		</nav>
		
		<div class="content">
			<!--收货栏 开始-->
			<div class="accont-place">
				<div class="ap-place">
					<div class="app-left">
						<p>
							<b id="place-name">许泽权</b>
							<b id="place-phone">159*****833</b>
						</p>
						<p id="place-place">广东省广州市花都区新华街道学府路1号</p>
					</div>
				</div>
				<div class="ap-time">
					<span class="apt-left" id="place-time">收货时间不限</span>
				</div>
			</div>
			<!--收货栏 结束-->
				
			<!--订单栏 开始-->
			<div class="account-order" onclick="location.href='order_no.html'">
				<div class="ao-title"><a>|</a>订单金额<span class="icon icon-right"></span></div>
				<div>商品金额<span>￥<b id="order-money">49</b>.00</span></div>
				<div>运费<span>+￥<b id="order-carriage">0</b>.00</span></div>	
				<div>代金劵<span>-￥<b id="order-coupons">0</b>.00</span></div>		
			</div>
			<!--订单栏 结束-->
				
			<!--支付栏 开始-->
			<div class="account-pay">
				<div class="ap-title"><a>|</a>支付方式</div>
				<div>
					<label class="label-checkbox item-content">
						<input type="radio" name="myRadio">
						<div class="item-media">
							<i class="icon icon-form-checkbox"></i>
							<img src="images/logo/weiXin.png" style="width: 1rem; height: 1rem;">
							<span>微信支付</span>
						</div>
					</label>
				</div>
				<div>
					<label class="label-checkbox item-content">
						<input type="radio" name="myRadio">
						<div class="item-media">
							<i class="icon icon-form-checkbox"></i>
							<img src="images/logo/zhiFuBao.png" style="width: 1rem; height: 1rem;">
							<span>支付宝支付</span>
						</div>
					</label>
				</div>
			</div>
			<!--支付栏 结束-->
		</div>
		
	</div>
	
	
	<!--引用SUI Modle资源-->
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm-extend.min.js' charset='utf-8'></script>

</body>
</html>